<script setup lang="ts">
import Header from './Header.vue'
import {RouterView} from 'vue-router'
</script>

<template>
    <div class="app-container">
        <Header></Header>
        <div class="content-container">
            <router-view></router-view>
        </div>
    </div>
</template>

<style scoped>.app-container {
    display: flex;
    flex-direction: column;
    height: 100vh; /* 占满整个视口高度 */
}

.content-container {
    flex: 1; /* 占据剩余空间 */
    overflow-y: auto; /* 允许垂直滚动 */
    padding: 20px; /* 内边距 */
    margin-top: 35px; /* 避开 Header 的高度 */
}
</style>
